<template>
    <div class="app-container">
        <div class="viewDetail">
            <h2>设备信息</h2>
            <table border="1">
                <tbody>
                    <tr>
                        <th>设备类型名称</th>
                        <td>{{ listinfo.productName }}</td>
                        <th>设备名称</th>
                        <td>{{ listinfo.deviceName }}</td>
                        
                    </tr>
                    <tr>
                        <!-- <th>所属机构</th>
                        <td>{{ listinfo.tenantName }}</td> -->
                        <th>设备代码</th>
                        <td>{{ listinfo.deviceCode }}</td>
                        <th>创建时间</th>
                        <td>{{ listinfo.createTime }}</td>
                    </tr>
                    <tr>
                        <th>说明</th>
                        <td colspan="5">{{ listinfo.deviceDescription }}</td>
                    </tr>
                </tbody>
            </table>
        </div>

        <drawer ref="drawer" :list2="listinfo"></drawer>
    </div>
</template>
<script>
import drawer from '@/components/drawer'
export default {
    data(){
        return{
        }
    },
    props: ['listinfo'],
    components: { drawer },
    methods:{
        //编辑
        editMode(){
            this.$refs.drawer.drawer = true
        },
        //应用配置
        setMode(){
            this.$message.success('修改配置成功')
        },
    }
}
</script>
<style lang="scss" scoped>
.viewDetail{
    font-size: 14px;
    padding: 0 0 20px 0;
    h2{
        color: rgba(0, 0, 0, 0.85);
        font-weight: bold;
        font-size: 16px;
        line-height: 1.5;
        margin-bottom:20px;
    }
    h3{
        font-weight: normal;
        margin-bottom: 20px;
    }
    table{
        width: 100%;
        color: rgba(0, 0, 0, 0.85);
        border: solid 1px #e8e8e8;
        border-collapse: collapse;
        text-align: left;
        th,td{
            height: 40px;
            font-weight: normal;
        }
        td{
            padding-left: 15px;
        }
        th{
            padding: 8px 16px;
            background: #fafafa;

        }
    }
}
.viewSetting{
    width: 260px;
    height: 80px;
    line-height: 80px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    h2{
        margin-top: 16px;
        padding-right: 20px;
    }
}
</style>